<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./css/screen.css" type="text/css" rel="stylesheet" media="screen,projection" />
        <link href="./css/print.css" type="text/css" rel="stylesheet" media="print" />
        <script src="./js/cufon.js" type="text/javascript"></script>
        <script src="./js/cufon-config.js" type="text/javascript"></script>
        <script src="./js/font.js" type="text/javascript"></script>
        <title>Dizucar SA de CV</title>
    </h:head>

    <!--<f:metadata>
        <f:event type="preRenderView" listener="{sesionUsuario.validarSesion()}"/>
    </f:metadata> -->

    <h:body>
        <p:growl id="mensajes" showDetail="true" showSummary="true"/>

        <div id="intro">
            <div class="wrap clearfix">
                <!--<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
                        
                <p:dialog modal="true" widgetVar="statusDialog" header="Status" 
                        draggable="false" closable="false">
                        <p:graphicImage value="../design/ajaxloadingbar.gif" />
                </p:dialog>-->

                <p:ajaxStatus style="width:20px;height:20px;" onstart="widCargando.show();" oncomplete="widCargando.hide();"/>
                <p:dialog widgetVar="widCargando" header="Cargando" modal="true">
                    <center>
                        <h:graphicImage value="./img/load.gif" width="50px"/>
                    </center>
                </p:dialog>
                
                <p:menubar rendered="#{sesionUsuarioManejador.estaActivaSesionUsuario()}">  
                    <p:submenu label="Catalogo" >  
                        <p:menuitem value="Tienda" url="/tienda.jsf" />  
                        <p:menuitem value="Cajero" url="/cajero.jsf" />  
                        <p:separator />  
                        <p:menuitem value="Pais" url="/pais.jsf" />  
                        <p:menuitem value="Departamento" url="/departamento.jsf" />
                        <p:menuitem value="Municipio" url="/municipio.jsf" /> 
                        
                    </p:submenu>  
                    <p:submenu label="Cliente">
                        <p:menuitem value="Categoria" url="/categoria.jsf" />
                        <p:menuitem value="Cliente" url="/cliente.jsf" />
                    </p:submenu>
                    <p:submenu label="producto">
                        <p:menuitem value="Producto" url="/producto.jsf" />
                        <p:menuitem value="Tipo Producto" url="/tipoProducto.jsf" />
                        <p:menuitem value="Presentacion" url="/presentacionProducto.jsf" />
                        <p:menuitem value="Producto Presentacion" url="/productoPresentacion.jsf" />
                        <p:menuitem value="Marca" url="/marcaProducto.jsf" />            
                    </p:submenu>
                    <p:submenu label="Venta producto">
                        <p:menuitem value="Venta" url="/venta.jsf" />
                        <p:menuitem value="Tipo Factura" url="/tipoFactura.jsf" />
                        <p:menuitem value="Forma Pago" url="/formaPago.jsf" />
                    </p:submenu>
                    <p:submenu label="Administracion" >  
                        <p:menuitem value="Usuario" url="/usuario.jsf" />  
                        <p:menuitem value="Estado Usuario" url="/estadoUsuario.jsf" />
                        <p:menuitem value="Nivel Usuario" url="/nivelUsuario.jsf" />
                        <p:menuitem value="Cajero" url="/cajero.jsf" />
                    
                    </p:submenu>    
                </p:menubar>  
                
                <br/>
                <br/>
                <ui:insert name="content">CONTENIDO</ui:insert>
            </div>
        </div>

        <hr class="noscreen" />

        <div id="header">
            <div class="wrap">

                <!-- Logo start -->
                <a id="logo" href=".././principal/Inicio.jsf" title="moduloReporte">
                    DIZUCAR <strong>S.A. de C.V.</strong>
                </a>

                <!-- Logo end -->

                <hr class="noscreen noprint" />

                <!-- Navigation start -->
                <strong class="noscreen noprint">Navegación:</strong>
                <ul id="nav">
                    <ui:insert name="headerLinks">
                        
                        
                        <h:form>
                            <!--<li class="active">
                                <p:commandLink value="Inicio" action="/principal/Inicio" ajax="false"/></li>-->
                            <h:panelGroup id="accionesIngresoUsuario" rendered="#{sesionUsuarioManejador.estaActivaSesionUsuario()}">
                                <li ><p:commandButton value="Inicio" action="inicioSesion"
                                                      icon="ui-icon-home" ajax="false"/></li>
                                <li ><p:commandButton value="Cerrar Sesion" action="#{sesionUsuarioManejador.cerrarSesion()}"
                                                      icon="ui-icon-power" ajax="false"/></li>
                            </h:panelGroup>
                        </h:form>
                        
                    </ui:insert>
                </ul>



                <!-- Navigation end -->
            </div>

        </div>

        <hr class="noscreen" />

        <!-- Footer start -->

        <p class="footer">
            <span class="floatLeft">2012 - Sistema de Ventas y Quejas</span>
            <span class="floatRight">DIZUCAR</span>
        </p>

        <!-- Footer end -->
    </h:body>

</html>
